<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4>
    无序列表
</h4>
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

<h4>有序列表</h4>
<ol>
    <li>Coffee</li>
    <li>Tea</li>
</ol>
<h4>自定义列表</h4>
<dl>
    <dt>Coffee</dt>
    <dd>-black hot drink</dd>
    <dt>Milk</dt>
    <dd>-white cold drink</dd>
</dl>

<h4>嵌套列表</h4>
<ul>
    <li>Coffee</li>
    <li>Tea
        <ul>
            <li>car</li>
            <li>bus</li>
        </ul>
    </li>
    <li>Milk</li>
</ul>

<h4>My 列表</h4>
<table border="1" cellpadding="30">
    <tr>
        <td>
            <ul>
                <li>Food</li>
                <ol>
                    <li>薯片</li>
                    <li>棒棒糖</li>
                    <li>果冻</li>
                    <li>饼干</li>
                    <li>老干妈</li>
                </ol>
                <li>Meat</li>
                <ol type="a">
                    <li>羊肉</li>
                    <li>牛肉</li>
                    <li>肌肉</li>
                </ol>
            </ul>
        </td>
    </tr>
</table>

</body>
</html>